    /* 整体布局样式 */
    body {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
      }
  
      /* 顶部信息栏样式 */
     .shijian{
      /* 2025年2月3日 */
      position: static;
      width: 287px;
      height: 21px;
      /* 自动布局 */
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 4;
      padding: 0px;
  
  
      /* Inside Auto Layout */
      flex: none;
      order: 0;
      align-self: stretch;
      flex-grow: 0;
      margin: 4px 0px;
  
      /* Regular/Text4 */
      color: rgb(140, 140, 140);
      font-family: Manrope;
      font-size: 16px;
      font-weight: 400;
      line-height: 140%;
      letter-spacing: 0%;
      text-align: left;
        }
  
     .kecheng{
      /* 英语口语练习 */
      position: static;
      width: 287px;
      height: 29px;
      /* 自动布局 */
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 4;
      padding: 0px;
  
  
      /* Inside Auto Layout */
      flex: none;
      order: 1;
      align-self: stretch;
      flex-grow: 0;
      margin: 4px 0px;
  
      /* Semibold/H4 */
      color: rgb(0, 0, 0);
      font-family: Manrope;
      font-size: 24px;
      font-weight: 600;
      line-height: 120%;
      letter-spacing: 0%;
      text-align: left;
        }
      /* 会议时长样式 */
      .meeting-duration {
       float: right;
  
  
      /* Inside Auto Layout */
      flex: none;
      order: 1;
      flex-grow: 0;
      margin: 0px 12px;
  
      /* Medium/Text3 */
      color: rgb(0, 0, 0);
      font-family: Manrope;
      font-size: 18px;
      font-weight: 500;
      line-height: 140%;
      letter-spacing: 0%;
      text-align: left;
      }
  
      /* 主内容区域样式 */
      .main-content {
        display: flex;
        flex: 1;
      }
  
      /* 视频区域样式 */
      .video-area {
        flex: 3;
        position: relative;
        background-color: #ccc;
      }
  
      /* 课程录制按钮样式 */
      .record-button {
        position: absolute;
        top: 10px;
        right: 10px;
        background-color: red;
        color: white;
        padding: 5px 10px;
        border: none;
        border-radius: 5px;
      }
  
      /* 成员和提问区所在侧边栏样式 */
      .side-panel {
        flex: 1;
        display: flex;
        flex-direction: column;
      }
  
      /* 成员列表样式 */
      .member-list {
        border: 1px solid #ccc;
        margin-bottom: 10px;
        padding: 10px;
      }
  
      /* 提问区样式 */
      .question-area {
        border: 1px solid #ccc;
        padding: 10px;
      }
  
      /* 底部操作栏样式 */
      .bottom-actions {
        background-color: #f4f4f4;
        padding: 10px;
        display: flex;
        justify-content: space-around;
      }
  
      /* 操作按钮样式 */
      .action-button {
   
  
      color: rgb(0, 0, 0);
      font-family: SimHei;
      font-size: 16px;
      font-weight: 400;
      line-height: 140%;
      letter-spacing: 0%;
      text-align: center;
          }
  
          .xm{
            /* Caption/Regular */
      color: rgb(0, 0, 0);
      font-family: ABeeZee;
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
      letter-spacing: 0px;
      text-align: left; 
      }
  
      .neirong{
         /* message */
      position: static;
      width: 260px;
      height: 25px;
      /* 自动布局 */
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 10;
      padding: 12px;
  
  
      /* Inside Auto Layout */
      flex: none;
      order: 1;
      flex-grow: 1;
      margin: 0px 0px;
  
      border-radius: 20px;
  
      /* Neutral/2 */
      background: rgb(247, 247, 247);
          }
  
          .tu{
            /* video (Icon) */
  
      width: 40px;
      height: 40px;
  
      }
  
      .ms{
        /* microphone-2 (Icon) */
      display: block;
      margin-left: auto;
      width: 24px;
      height: 24px;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      }
  
      .ly{
         /* Frame 1321315729 */
      position: static;
      width: 357px;
      height: 48px;
      /* 自动布局 */
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      padding: 0px;
  
  
      /* Inside Auto Layout */
      flex: none;
      order: 0;
      align-self: stretch;
      flex-grow: 0;
      margin: 24px 0px; 
      }
  
     
     .send{
      float: right;
        width: 24px;
        height: 24px; 
     }
  
     .send-button{
      display: block;
      margin-left: auto;
     }